@charset "utf-8";
body {background:#f3f3f3;}
/*INC*/
.topBg {height:554px;}
.mainwrap {position:relative; width:1772px; max-width:100%; min-width:90%;}
.conTitle {position:absolute; right:80px; bottom:50px; text-align:right;}
.s_visual {display:block; position:relative; right:0; bottom:0; width:100%; height:100%; padding:92px 0; background-attachment: fixed; background-repeat:no-repeat; background-position:center top;}
.s_visual.s_visual01 {background-image:url('/img/sub/s_visual01.jpg');}
.s_visual.s_visual02 {background-image:url('/img/sub/s_visual02.jpg');}
.s_visual.s_visual03 {background-image:url('/img/sub/s_visual03.jpg');}
.s_visual.s_visual04 {background-image:url('/img/sub/s_visual04.jpg');}
.s_visual.s_visual05 {background-image:url('/img/sub/s_visual05.jpg');}
.s_visual.visual_animated {animation-delay:.23s inherit; animation-duration:1;}
.s_visual p {color:#fff; font-size:20px; text-shadow:0 0 4px rgba(0,0,0,.93);}
.conTitle {display:block; position:absolute; bottom:80px; right:200px; overflow:hidden;}
.conTitle .title {font-size:1.75rem;}
.conTitle .stit {font-size:5rem; font-family:'gmarket-sans-ttf-bold';}
.location {display:block; position:absolute; left:200px; bottom:120px; z-index:990;}
.location .submenu {display:block; width:100%;} /*overflow:hidden 넣으면 안됨(2뎁스 안나옴)*/
.location .submenu>li {float:left; position:relative; min-width:160px; margin:0 15px;}
.location .submenu>li:last-child .dropbtn {opacity:1 !important; font-weight:bold;}
.location .submenu>li:last-child::before {position:absolute; left:-19px; top:16px; content:''; width:1px; height:14px; background:rgba(255,255,255,.43)}
.s_visual.s_visual03 .location .submenu>li:last-child::before {display:none}
.location .submenu>li:first-child {margin-left:0 !important; margin-right:5px !important; border-bottom:0;}
.location .submenu>li:first-child::before {display:none;}
.location .submenu .home {overflow:hidden; width:38px; height:53px; line-height:53px; min-width:0; padding:0;}
.location .submenu .home::before {}
.location .submenu .home i {display:block; position:relative; }
.location .submenu .home i::before {position:absolute; left:0; top:10px; width:38px; height:38px; background:#1e60bd; content:''; border-radius:3px 15px 3px 15px;}
.location .submenu .home i::after {position:absolute; left:11px; top:21px; width:16px; height:16px; background:url('/img/sub/ic_home.png') no-repeat; content:'';}
.location .submenu .dropbtn {min-width:160px; color: #fff; padding: 16px 50px 16px 0;  border-bottom:1px solid #fff; cursor: pointer; opacity:.65; transition:.25s; font-size:1.3rem; text-align:left; line-height:100%; }
.location .submenu .dropbtn::after {position:absolute; right:0; top:8px; width:30px; height:30px; content:''; background:url('/img/sub/ic_dropdown.png') no-repeat;}
.location .submenu .dropbtn.dropbgn::after {display:none;}
.location .submenu .dropbtn:hover, .location .submenu .dropbtn:focus, .location .submenu .dropdown-content:hover {opacity:1;}
.location .submenu .dropdown { position: relative; display: inline-block; min-width:168px;}
.location .submenu .dropdown-content { display: none; position: absolute; left: 0; top:53px; background-color: #fff; min-width: 168px; width:100%; overflow: auto; border-radius:3px; box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.23); z-index: 105; }
.location .submenu .dropdown-content a {color: #000; padding: 12px 20px; text-decoration: none; display: block; transition:.25s; font-size:.9rem;}
.location .submenu .dropdown a:hover { background-color: #1e60bd; font-weight:bold; color:#fff; text-shadow:0 0 2px rgba(0,0,0,.75);}
.location .submenu .show { display: block; }
#container {display:block; position:relative; width:100%; margin:0 auto; }
#container .contents{display:block; position:relative; width:100%; margin:153px auto 70px;}
#container .contents.contents_b0{margin-bottom:0 !important;}
#container .wrap {width:1328px !important; min-width:90% !important; margin:153px auto !important;}
.ing {display:block; overflow:hidden; position:relative; text-align:center; padding:300px 70px 50px; margin:50px auto; background:url('/img/sub/ing_bg.png') no-repeat center 30px;}
.ing p {text-align:center;}
.ing .tit {display:block; position:relative; font-weight:600; font-size:44px; line-height:70px; margin-bottom:30px; color:#000;}
.ing .tit span {display:inline-block; position:relative;}
.ing .tit span::before {position:absolute; left:-40px; top:29px; content:''; width:8px; height:8px; background:#000; border-radius:100%;}
.ing .tit span::after {position:absolute; right:-40px; top:29px; content:''; width:8px; height:8px; background:#000; border-radius:100%;}
.ing .stxt {font-size:20px;}
.tbox p {font-size:18px; font-family: 'gmarket-sans-ttf-light', sans-serif; font-weight:bold; }
.tbox .title {display:block; margin-bottom:3%;}
.tbox .title span {display:inline-block; position:relative; font-size:36px; color:#000; padding-bottom:5px; font-family:'gmarket-sans-ttf-bold'; z-index:11;}
.tbox .title span::before {position:absolute; left:0; bottom:0; width:100%; height:15px; background:#dfe6f1; content:''; z-index:-1;}
.tbox .point {font-weight:bold !important; color:#1e60bd !important;}

.center_h4 {display:block; position:relative; padding:0 40px 120px; text-align:center;}
.center_h4>span {display:block; }
.center_h4 .h4_tit { font-size:70px; color:#000; line-height:150%;}
.center_h4 .h4_sub{font-size:20px; color:#1d69c7;}
.contents .width1500 {width:100%; max-width:1500px; margin:0 auto;}
.contents .flexBx {display:flex; flex-wrap:wrap; height:100%;}
.flexBx .subTitle {position:sticky; width:34%; padding-right:30px; line-height:1.7; text-align:left;}
.flexBx .subTitle .flex_h4 {position:sticky; top:120px; overflow:hidden; font-size:60px; font-weight:600; color:#000; padding-bottom:20px;}
.flexBx .subTitle .flex_h4::before {position:absolute; right:0; top:40px; content:''; width:102px; height:1px; background:#000; }
.flexBx .subTitle .flex_h4::after {position:absolute; right:0; top:37px; content:''; width:8px; height:8px; background:#000; border-radius:100%;}
.flexBx .subTitle .flex_h4>span {display:block; width:80%; line-height:100%;}
.flexBx .subTitle .flex_h4 .h4_tit {padding-top:10px; font-size:52px; line-height:130%;}
.flexBx .subTitle .flex_h4 .h4_sub {font-size:20px; color:#1d69c7}
.flexBx .flex_cont {overflow:hidden; width:calc(100% - 34%); margin-top:15px; min-height:700px;}
.flexBx .flex_cont .blet {position:relative; display:inline-block; padding:30px 70px 30px 0; }
.flexBx .flex_cont .blet::before {background:#f5f5f5; position:absolute; left:0; top:0; width:100%; height:120px; content:''; z-index:-2; border-radius:0 50px 8px 0}
.flexBx .flex_cont .blet>span {display:block; padding-left:45px; padding-bottom:36px; background:url('/img/sub/blet.png') no-repeat left 5px; font-size:38px; color:#1d69c7; font-weight:600; line-height:160%;}
.flexBx .flex_cont .subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.flexBx .flex_cont .subOn .tit h4  { animation:ani_3 0.7s 0.1s; animation-fill-mode:both; }
.flexBx .flex_cont .subOn .list > ul > li { animation:ani_4 0.7s 0.5s; animation-fill-mode:both; }
.flexBx .flex_cont .subOn .imgbox { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
.flexBx .flex_cont .flexsub {display:block;}
.flexBx .flex_cont .flexsub .list{display:flex; border-top:2px solid #000;}
.flexBx .flex_cont .flexsub .list>ul>li {display:flex; align-content:center; align-items:center; width:100%; padding:30px 0; border-bottom:1px solid #e3e3e3;}
.flexBx .flex_cont .flexsub .list>ul>li>div {padding:0 30px;}
.flexBx .flex_cont .flexsub .list>ul>li>div:nth-child(1) {width:10%;}
.flexBx .flex_cont .flexsub .list>ul>li>div:nth-child(2) {width:70%;}
.flexBx .flex_cont .flexsub .list>ul>li>div:nth-child(3) {width:20%;}
.flexBx .flex_cont .flexsub .list>ul>li>div:first-child {padding-left:0;}
.flexBx .flex_cont .flexsub .list>ul>li>div:last-child {padding-right:0;}
.flexBx .flex_cont .flexsub .list .list_img .img.none {display:none;}
.flexBx .flex_cont .flexsub .list .list_img .longtxt {width:90% !important; padding:0;}
.flexBx .flex_cont .flexsub .list .list_img .longtxt.longtable {width:100% !important;}
.flexBx .flex_cont .flexsub .list .list_img .longtxt.longtable {padding:0 !important;}
.flexBx .flex_cont .flexsub .list {display:block;}
.flexBx .flex_cont .flexsub .list .list_txt {display:flex; align-content:center; align-items:center; width:100%; padding:10px 0; border-bottom:1px solid #e3e3e3;}
.flexBx .flex_cont .flexsub .list .list_txt>div.tit {width:50%;}
.flexBx .flex_cont .flexsub .list .list_txt>div.tit>p {font-size:24px; font-family:'gmarket-sans-ttf-bold';}
.flexBx .flex_cont .flexsub .list .list_txt>div.subtxt {width:50%;}
.flexBx .flex_cont .flexsub .list .list_txt>div.subtxt>p {font-size:16px; color:#9b9b9b}
.flexBx .flex_cont .flexsub .list .num {font-size:60px; color:#dbdbdb; font-family:'gmarket-sans-ttf-bold';}
.flexBx .flex_cont .flexsub .list .txt>p {font-size:18px;}
.flexBx .flex_cont .flexsub .list .txt .subcomm {font-size:15px; margin-top:40px;}
.top_tBox {display:block; width:100%; margin-bottom:30px; animation:ani_3 0.2s 0.45s; animation-fill-mode:both; }
.top_tBox .InnerCont .title{display:inline-block; margin-bottom:25px; padding:20px 35px 15px; background:linear-gradient(90deg, #074cb7, #227ecc); border-radius:7px 25px 7px 25px; font-size:32px; line-height:1; color:#fff; font-weight:bold;}
.top_tBox .InnerCont .txt{font-size:22px}
.ssblet {position:relative; padding-left:20px; font-size:1rem;}
.ssblet::before {position:absolute; left:0; top:9px; width:13px; height:2px; content:''; background:#000; color:#000;}
.sssblet {position:relative; margin-left:10px; padding-left:13px; font-size:.85rem;}
.sssblet::before {position:absolute; left:0; top:5px; width:6px; height:6px; content:''; background:#000; border-radius:0 5px 0 5px;}
.sect_callcenter {margin-top:0 !important; border-radius:0 !important;}
.point {color:#1e60bd !important;}
.contents .swiper-button-next, .contents .swiper-rtl .swiper-button-prev {right:0; width:56px; height:56px;}
.contents .swiper-button-next::after {width:56px; height:56px; font-size:0; text-indent:-5000px; background:url('/img/inc/swiperslide_next_active.png') no-repeat;}
.contents .swiper-button-prev::after{width:56px; height:56px; font-size:0; text-indent:-5000px; background:url('/img/inc/swiperslide_prev.png') no-repeat;}
.contents .swiper-button-prev, .contents .swiper-rtl .swiper-button-next {left:0; width:56px; height:56px;}
.contents .swiper-button-next.swiper-button-disabled, .contents .swiper-button-prev.swiper-button-disabled {background:url('/img/inc/swiperslide_next.png') no-repeat !important;}
/*Scroll Tab Menu*/
.scroll_tab {display:block; position:sticky; top:40px; height:auto; width:100%; overflow: x-scroll; margin:0 auto 20px; background-color:rgba(255,255,255,.76); backdrop-filter:blur(5px); padding:50px 0 0; z-index:101;}
.scroll_tab .tab_inner {margin:0 auto; padding:20px 0; overflow:auto;}
.scroll_tab.on .tab_inner {position:fixed; left:0; right:0; z-index:30; border-bottom:1px solid #e1e1e1;}
.scroll_tab .tab_inner .box_scroll {display:flex; margin:0 auto; padding:0 24px; width:max-content;}
.scroll_tab li {display:block; margin-left:8px; border-radius:15px; }
.scroll_tab li:first-child {margin-left:0;}
.scroll_tab li>a, 
.scroll_tab li>button {display:block; padding:0 14px; width:289px; height:52px; line-height: 52px; color:#999aa9; background-color:transparent; text-align:center; border-radius:15px; transition:.45s; }
.scroll_tab li.on>a, .scroll_tab li:hover>a,
.scroll_tab li.on>button, .scroll_tab li:hover>button {color:#fff; font-weight:bold; background:#f89400; box-shadow:0 5px 20px rgba(0,0,0,.13);}
.scroll_stab {display:block; position:relative; top:0; height:auto; width:100%; overflow: x-scroll; margin:0 auto 20px; padding:0 0 0; z-index:100;}
.scroll_stab .tab_inner {margin:0 auto; padding:20px 0; overflow:auto;}
.scroll_stab.on .tab_inner {position:fixed; left:0; right:0; z-index:30; border-bottom:1px solid #e1e1e1;}
.scroll_stab .tab_inner .box_scroll {display:flex; margin:0 auto; padding:0; width:max-content;}
.scroll_stab li {display:block; margin-left:8px; border-radius:15px; }
.scroll_stab li:first-child {margin-left:0;}
.scroll_stab li>a, 
.scroll_stab li>button {display:block; padding:0 14px; width:207px; height:49px; line-height: 49px; color:#999aa9; background-color:#efefef; text-align:center; transition:.45s; }
.scroll_stab li.on>a, .scroll_stab li:hover>a,
.scroll_stab li.on>button, .scroll_stab li:hover>button {color:#fff; font-weight:bold; background:#f89400;}
/* Custom CSS Scrollbar */
.scrollbar_sty::-webkit-scrollbar-track {width:8px; height:8px; background-color: transparent; transition:.35s; opacity:0; border-radius:20px;}
.scrollbar_sty::-webkit-scrollbar {width:8px; height:8px; background-color: transparent; transition:.35s; opacity:0; border-radius:20px;}
.scrollbar_sty::-webkit-scrollbar:hover {opacity:1; }
.scrollbar_sty::-webkit-scrollbar-thumb {width:8px; height:8px; background: linear-gradient(90deg, #fedc45, #fb7099); /*border:1px solid rgba(0,0,0,.13); */border-radius:20px;}
.scrollbar_sty::-webkit-scrollbar-thumb:hover { border:1px solid rgba(0,0,0,0);border-radius:20px;}
.scroll_stab .scrollbar_sty::-webkit-scrollbar-track {width:5px; height:5px; background-color: rgba(0,0,0,.08);}
.scroll_stab .scrollbar_sty::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(0,0,0,.08);}
.scroll_stab .scrollbar_sty::-webkit-scrollbar-thumb {width:5px; height:5px; background-color:#000; border:0;}
.scroll_stab .scrollbar_sty::-webkit-scrollbar-thumb:hover {width:5px; height:5px; background: #000; border:0;}

/*datatable*/
table.data {margin-top:20px; width:100%; border-top:2px solid #0d458b;}
table.data th, table.data td {text-align:center; padding:10px 5px;}
table.data thead {background:#1d69c7;}
table.data thead th {border-right:1px solid #0d458b; border-bottom:1px solid #0d458b; color:#fff; font-size:16px; }
table.data tbody {border-bottom:1px solid #ccc;}
table.data tbody td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; font-size:.9rem;}
table.data tbody th {background:#f8f8f8; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:1rem; text-align:center;}
table.data thead th:first-child, table.data tbody td:first-child {border-left:0; }
table.data thead th:last-child, table.data tbody td:last-child {border-right:0; }
table .blet {position:relative; padding:0 15px 3px 15px; font-size:1em; font-weight:500;}
table .blet::before {position:absolute; left:5px; top:10px; content:''; width:5px; height:5px; background:#222; border-radius:7px;}
.tableScroll {display:none;}
table {margin:10px 0 20px; width:100%;}
table tbody th {text-align:center; font-weight:600; background:#fafafa; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table thead th.bd_L {border-left:1px solid #0d458b !important;}
table tbody td {padding:5px 7px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table tbody td:last-child {border-right:0;}
/*PROGRAM*/
form {display:block; position:relative;}
.formBox {position:relative; margin-top:30px;}
.formBox .field_write {font-size:16px;}
/*search*/
.search {overflow:hidden; position:relative; text-align:left; background:#fff; border:2px solid #dadada; width:100%; margin:0 auto; padding:0; height:100%; line-height:100%;}
.search input[type=text] {width:85%; border:0; font-size:17px; height:70px; line-height:70px; margin-left:30px; background:none; color:#121212; font-weight:300;}
.search input.imgbutton {position:absolute; right:20px; top:16px; margin:0; padding:0; text-align:center; width:37px; height:36px; line-height:36px; background:url('/img/sub/searchBtn.png') no-repeat center; border:0; font-size:0; text-indent:-5000px; }
/*boardList*/
.boardList {display:block; width:100%; margin:0 auto 0;}
.boardList>table {width:100%; border-top:2px solid #000;}
.boardList>table thead {background:#104186}
.boardList>table thead th { border-bottom:1px solid #121212; border-right:1px solid #fff; font-size:18px; margin:0; padding:15px 0; text-align:center; color:#fff; }
.boardList>table thead th:last-child {background-image:none; border-right:0;}
.boardList>table thead th.bgn { background-image:none; }
.boardList>table tbody tr td{transition:.3s all; font-size:16px; color:#636363}
.boardList>table tbody tr:hover td{background-color:#f3f3f3; }
.boardList>table tbody td { border-bottom: 1px solid #7a7a7a; padding:15px 10px; text-align:center; background-color:transparent;}
.boardList>table tbody td.title {text-align:left; }
.boardList>table tbody td.title a {display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width:80%; color:#323232;}
.boardList>table tbody td.title a:hover { color:#31153f !important; font-weight:500;}
.boardList tbody tr.bg_grey td { background-color:rgba(80,58,144,.13); font-weight:600; }
.boardList tbody tr.bg_grey td>a {color:#503a90;}
.boardList .ic_notice {display:block; overflow:hidden; font-size:0; text-indent:-5000px; height:23px; background:url('/img/sub/ic_notice.png') no-repeat center;}
.boardList .ic_reply {margin-left:5px; padding-left:20px; background:url('/img/sub/ic_comment.png') no-repeat left center;}
.boardList .ic_secret {padding-left:25px; background:url('/img/sub/ic_secret.png') no-repeat left center;}
/*paging*/
.paging {text-align:center; margin:40px auto 120px;}
.paging a {display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; border:1px solid #d5d5db; background-color:#fff; font-size:16px;}
.paging a.on { background:linear-gradient(45deg, #632a7e, #d659b6); color:#fff; font-weight:600; border-color:#31153f; }
.paging a:hover {border-color:#121212; transition:.4s all;}
.paging .ir {text-indent:-500000px; display:inline-block; width:40px; height:40px; font-size:0; margin:0; padding:0; }
.paging .pageFirst { background-image: url('/img/sub/pageFirst.png'); background-position: center; background-repeat: no-repeat; }
.paging .pageBefore { background-image: url('/img/sub/pageBefore.png'); background-position: center; background-repeat: no-repeat; }
.paging .pageNext { background-image: url('/img/sub/pageNext.png'); background-position: center; background-repeat: no-repeat; }
.paging .pageLast { background-image: url('/img/sub/pageLast.png'); background-position: center; background-repeat: no-repeat; }
.paging_mb { text-align: center; margin: 30px 0px; letter-spacing: -2px; }
.paging_mb .input { text-align: center; width: 40px; height:40px; background:#f5f5f5;}
.paging_mb a.page_btn { border: 1px solid #ddd; height: 40px; line-height: 40px; letter-spacing: 0px; box-sizing: border-box;}
.paging_mb a.page_btn.pageNext, .paging_mb a.page_btn.pageBefore {background-size:70%; width:40px; }
.paging_mb a.page_btn.pageFirst,
.paging_mb a.page_btn.pageLast { text-indent: 0px; color: #666; min-width: 60px; }
.paging_mb a.page_btn.pageFirst { text-align: center; padding-right: 20px; background-position: right 5px center; background-size:50%; }
.paging_mb a.page_btn.pageLast { text-align: center; padding-left: 20px; background-position: left 5px center; background-size: 50%; }
.paging_mb .conbtn { padding:0 15px !important; }
/*boardView*/
.boardView {display:block; width:100%; margin:0 auto 60px; }
.boardView>.title {display:block; padding:20px 0; border-top:2px solid #343848; border-bottom:1px solid #e0e0e0; background:#fff;}
.boardView>.title>p {padding:10px 0; font-size:24px; font-weight:bold;}
.boardView>.title .stitle {display:table; overflow:hidden;}
.boardView>.title .stitle li { float:left; margin:0 30px;}
.boardView>.title .stitle li dl { display:table; width:100%;}
.boardView>.title .stitle li dl dt { display:table-cell; width:90px; }
.boardView>.title .stitle dt, .boardView>.title .stitle dd { font-size:17px !important; padding:7px 0 !important; font-weight:300 !important; color:#777;}
.boardView .viewTxt {display:block; overflow:hidden; position:relative; padding:30px; border-bottom:1px solid #000}
.boardView .viewTxt p { font-size:17px; line-height:30px; padding:15px 0;}
.boardView .viewTxt .sourcetxt a {position:absolute; right:30px; bottom:10px; color:#888; font-size:14px;}
.boardView .moreFile { border:1px solid #000; border-left:0; border-right:0; }
.boardView .moreFile dl { display:block; overflow:hidden; float:none; width:100%; padding:10px 0; position:relative; background:#ebebeb; }
.boardView .moreFile dl dt { width:100px;}
.boardView .moreFile dl dt,
.boardView .moreFile dl dd{display:inline-block; padding:5px 0; padding-left:20px; background:none; font-size:17px;}
.boardView .moreFile dl dd .adfile { padding-left: 30px; text-decoration: underline; background: url('/img/sub/file.png') no-repeat left center; }
.boardView .context {display:block; width:100%; background:#fff; padding:20px; border-bottom:1px solid #444; line-height:24px;}
.boardView .bdListName {display:block; position:relative; width:100%; height:100%; margin:30px auto; text-align:center;}
.boardView .bdListName a {display:inline-block; position:relative; font-size:17px; color:#111; transition:.3s;}
.boardView .bdListName a span {display:inline; transition:.3s;}
.boardView .bdListName a.bdList {padding-top:40px; color:#111; font-weight:600; font-size:20px;}
.boardView .bdListName a.bdList span {padding-top:30px; background:url('/img/sub/ic_list.png') no-repeat center top;}
.boardView .bdListName a.bdList:hover span {color:#5223b0 !important}
.boardView .bdListName .bdPrev, .boardView .bdListName .bdNext { opacity:.5; margin-top:-30px; }
.boardView .bdListName a:hover, .boardView .bdListName a:hover { opacity:1; }
.boardView .bdListName .bdPrev {position:absolute; left:0; top:0; padding:30px 0 30px 70px; text-align:left; background:url('/img/sub/bdPrev.png') no-repeat left center;}
.boardView .bdListName .bdNext {position:absolute; right:0; top:0; padding:30px 70px 30px 0; text-align:right; background:url('/img/sub/bdNext.png') no-repeat right center;}
/*boardWrite*/
.boardForm {position:relative; width:100%; }
.boardForm .title>p { font-size:24px; padding:10px 0; font-weight:600;}
.boardWrite {border-top:2px solid #333; margin-top:-1px;}
.boardWrite>ul>li { border-bottom:1px dotted #d6d6d6;}
.boardWrite>ul>li:last-child { border-bottom:1px solid #444;}
.boardWrite > ul> li> dl {display:table; width:100%;}
.boardWrite> ul> li> dl> dt { display: table-cell; position:relative; width: 150px; background:#fafafa; padding:20px 10px 20px 20px; vertical-align:middle;}
.boardWrite >ul >li >dl >dt label { color: #444; font-size: 18px; font-weight:500;}
.boardWrite >ul >li >dl >dt .es {font-size:13px; color:#e13939; margin-left:5px; }
.boardWrite >ul> li> dl> dd {display:table-cell; padding:20px 0px 20px 30px;}
.boardWrite input[type=text],
.boardWrite input[type=password] {margin:1px; padding:15px 5px; height:50px; font-size:16px; line-height:50px; border:1px solid #ddd; vertical-align:middle; background-color:#fff; box-sizing:border-box; }
.boardWrite select {font-size:16px; padding:5px; height:50px; line-height:50px;}
.boardWrite .write_stxt {position:relative; display:block;}
.boardWrite .write_stxt span {display:inline; font-size:13px; color:#e13939; text-decoration:underline;}
 select {vertical-align:middle; margin:2px 0; padding:4px;}
 input[type=radio], .boardWrite input[type=checkbox] {margin-right:5px; vertical-align:middle; width:15px; height:15px; cursor:pointer;}
 textarea { margin:15px 0; padding:15px; font-size:16px; line-height:34px; resize:vertical; }
.selectBox {display:block; overflow-y:scroll; width:100%; height:200px; margin-top:25px; background:#fff; border:1px solid #ddd; padding:5px 15px;}
.selectBox .tit p {font-size:17px; font-weight:600; padding:5px 0 10px 0; margin-bottom:15px; border-bottom:1px dotted #ddd;}
.selectBox> ul {display:table; width:100%;}
.selectBox> ul>li {float:left; width:25%; line-height:32px; font-size:16px;}
.pwcertify{text-align:center; margin:15px 0;}
.pwcertify .tit {font-size:24px; font-weight:600;}
.pwcertify .stit {font-size:17px; font-weight:300; color:#888;}
.pwcertify .pwbox {display:block; background:#fafafa; padding:3% 5%; margin:25px 0;}
.pwcertify .pwbox input[type=password] {padding:10px; margin-right:3px;}
/*newsList*/
.newsList {display:block; overflow:hidden; position:relative; width:100%; text-align:center;}
.newsList>li {display:inline-block; width:24%; height:100%; max-height:450px; background:#fff; margin:5px; box-shadow:0 0 13px rgba(0,0,0,.08);}
.newsList>li .thumb {overflow:hidden; width:100%; height:auto; max-height:236px;}
.newsList>li .thumb img {width:100%; height:100%; min-height:235px;}
.newsList>li .txt {min-height:220px;}
.newsList>li .txt .tit {display:block; overflow:hidden; width:100%; font-size:20px; text-align:center; padding:15px 30px; font-weight:600; line-height:30px; white-space:nowrap; text-overflow:ellipsis; background:#f4f4f4; }
.newsList>li .txt .date {display:block; color:#999; font-size:14px; font-weight:300;}
.newsList>li .txt .subtxt {overflow:hidden; padding:13px 23px; text-align:left; color:#555; line-height:24px; font-weight:300; height:119px;}
.newsList>li .imghvr-shutter-out-diag-2 {background:#fff;}
.newsList>li .imghvr-shutter-out-diag-2 h3 {position:relative; font-size:1.5em; padding-top:170px; background:url('/img/sub/ic_newsmore.png') no-repeat center 70px;}
.newsList [class^='imghvr-'] figcaption, .newsList [class*=' imghvr-'] figcaption {background:rgba(0,0,0,.5); -webkit-backdrop-filter: blue(2px); backdrop-filter: blur(2px);}
.newsList [class^='imghvr-shutter-out-']:before, .newsList [class*=' imghvr-shutter-out-']:before {background:rgba(0,0,0,.5); -webkit-backdrop-filter: blue(2px); backdrop-filter: blur(2px);}
/*photogallery*/
.photoGallery {display:block; overflow:hidden; width:100%;}
.photoGallery .count{margin-bottom:25px;}
.photoGallery .photolist{display:block;}
.photoGallery .photolist>ul{display:flex; width:100%; align-content:start; align-items:start; justify-content:center; justify-items:center; margin-bottom:50px;}
.photoGallery .photolist>ul>li{position:relative; width:calc(100% / 3); margin:0 10px; border:1px solid #ebebeb; background-color:#fff;}
.photoGallery .photolist>ul>li img{width:100%; height:351px; object-fit: cover;}
.photoGallery .photolist>ul>li .txtBx{margin:30px;}
.photoGallery .photolist>ul>li .txtBx>p{line-height:130%;}
.photoGallery .photolist>ul>li .txtBx .tag {display:inline-block; background:#eee; color:#000; border-radius:0; padding:13px 20px; width:auto; line-height:100%; margin-bottom:10px;}
.photoGallery .photolist>ul>li .txtBx .title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:98%; font-size:30px; margin-bottom:10px;}
.photoGallery .photolist>ul>li .txtBx .subtit {color:#8d8d8d; margin-bottom:30px;}
.photoGallery .photolist>ul>li .txtBx .date {font-size:15px;}
.slideGallery .mySwiper {position:relative; margin:80px auto; padding-bottom:50px;}
.slideGallery .mySwiper .swiper-slide {width:450px; height:450px; margin:0 auto;}
.slideGallery .mySwiper .swiper-pagination {display:block; width:100%; text-align:center; margin:20px auto 0;}
.slideGallery img {width:100%; height:100%;}
.slideGallery .mySwiper .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; margin:0 12px;}
.slideGallery .mySwiper .swiper-pagination .swiper-pagination-bullet-active {background:#cdeb00}

/*layer_pop*/
/*popup style*/
.layer_pop {position:fixed; -webkit-position:fixed; overflow-x:visible; overflow-y:auto; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.62); z-index:9999;}
.layer_pop .popCon {position:absolute; left:50%; top:50%; width:80%; max-width:500px; height:auto; padding:20px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%,-50%); background:#fff; box-shadow:0 0 30px rgba(0,0,0,.4); -webkit-box-shadow:0 0 30px rgba(0,0,0,.4); text-align:left;}
.layer_pop .popCon .tit{font-size:26px; font-weight:600; width:100%; margin:0 auto 20px; padding-top:163px; color:#000; text-align:center;}
.layer_pop .popCon ul {margin:70px 0 10px; padding-bottom:60px;}
.layer_pop .popCon .btnclose{display:block; position:absolute; left:0; bottom:0; width:100%; background:#111; color:#fff; border:0; padding:10px 0; text-align:center;}

#footer {border-top:1px solid #000;}
/*only PC ver.*/
@media screen and (max-width:1900px) and (min-width:1601px) {
	.ing .tit::before {background:#000; position:absolute; left:0; top:32px; content:''; width:330px; height:1px; }
	.ing .tit::after {background:#000; position:absolute; right:0; top:32px; content:''; width:330px; height:1px; }
}
@media screen and (max-width:1100px) {
	
}
@media screen and (min-width:1030px) {	
	.search {max-width:50% !important;}
	.boardView>.title {text-align:center;}
	.boardView>.title .stitle {display:table; overflow:hidden; margin:0 auto; text-align:center;}
	.boardView>.title .stitle li { float:left; margin:0 30px;}
	.boardView>.title .stitle li dl { display:table; width:100%;}
	.boardView>.title .stitle li dl dt { display:table-cell; width:90px; }
}

/*only MOBILE ver.*/
@media screen and (max-width:1029px) {
	.topBg {height:450px !important}
	#container .contents, #container .wrap {width:90%; margin:30px auto 70px !important;}
	.contents .width1500 {max-width:90%; margin:0 auto;}
	.contents .flexBx {width:100%;}
	.center_h4 {padding:50px 40px;}
	.s_visual {width:100%; height:440px; padding-left:40px;}
	.s_visual p {font-size:1rem;}
	.s_visual .conTitle {right:auto; left:0; top:184px; bottom:auto; text-align:left; transform:scale(.7);}
	.s_visual .conTitle .title {font-size:2rem;}
	.s_visual .location {left:38px; bottom:25px;}
	.flexBx .subTitle {width:100%; padding-right:0; top:149px; z-index:500;}
	.flexBx .subTitle .flex_h4 {background:#f5f5f5;}
	.flexBx .subTitle .flex_h4 .h4_tit {padding-top:0; font-size:35px;}
	.flexBx .subTitle .flex_h4::before {top:25px; width:41px;}
	.flexBx .subTitle .flex_h4::after {top:21px;}
	.flexBx .flex_cont {width:100%;}
	.flexBx .flex_cont .blet {padding-bottom:21px;}
	.flexBx .flex_cont .flexsub .list .num {font-size:39px;}
	.flexBx .flex_cont .flexsub .list>ul>li>div {padding:0 20px;}
	.flexBx .flex_cont .flexsub .list>ul>li>div:nth-child(3) {width:36%;}
	.flexBx .flex_cont .flexsub .list .txt .subcomm {margin-top:10px;}
	.scroll_tab {padding:0; top:80px;}
	.scroll_tab li>a, 
	.scroll_tab li>button {width:175px;}
	table.data {margin-top:0;}
	table.data thead th {font-size:.8rem; }
	/*table.data tbody td, table .blet, table .sssblet {font-size:.5rem;}*/
	table .sssblet::before {width:4px; height:1px;}
	table .blet::before {top:7px; width:3px; height:3px;}
	table.data tbody th {font-size:.8rem;}
	/*PROGRAM*/
	.search {position:relative; width:100%;}
	.search input[type=text]{width:95%; padding:20px 0;}
	.tableBox {position:relative; overflow:auto;}
	.tableBox .tableScroll {display:block; position:absolute; left:50%; top:25%; text-align:center; padding-top:70px; width:110px; height:110px; background:rgba(0,0,0,.8) url('../Img/sub/ic_scroll.png') no-repeat center 20px/35%; border-radius:100%; font-size:14px; color:#fff; z-index:1; box-sizing:border-box; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
	.tableBox table {width:200%;}
	.boardList>table tbody td {padding:10px;}
	.boardList .ic_notice {width:41px;}
	.boardView>.title>p {font-size:1.3rem;}
	.boardView>.title .stitle li {float:none; width:100%; margin-left:0;}
	.boardView>.title .stitle dt, .boardView>.title .stitle dd {padding-bottom:0 !important; font-size:1rem !important; line-height:20px;}
	.boardView .bdListName a {width:140px; font-size:1rem; line-height:20px;}
	.boardView .bdListName .bdPrev, .boardView .bdListName .bdNext {margin-top:-5px; padding:70px 0 0; text-align:center; background-position:center top; opacity:1;}
	.boardView .bdListName .bdPrev span, .boardView .bdListName .bdNext span {display:block; overflow:hidden; width:100%; white-space: nowrap; text-overflow: ellipsis; text-align:center;}
	.newsList>li {width:100%;}

}

@media screen and (max-width:900px) {
	.tbox p {font-size:95% !important;}
	.tbox .title span {font-size:150% !important;}
	.s_visual {padding:56px; width:100%; height:312px;}
	.s_visual .conTitle {overflow:hidden; bottom:auto; top:35%; right:auto; width:100%; margin:0 auto; text-align:center; transform:scale(1);}
	.s_visual .conTitle .title {font-size:1.3rem !important;}
	.s_visual .conTitle .stit {font-size:3rem;}
	.location {display:block; width:100%; margin:0 auto; left:0 !important; bottom:43px; text-align:center;}
	.location .submenu {display:flex; width:100%; margin:0 auto; align-content:center; align-items:center; justify-content:center; text-align:center;}
	.location .submenu>li {float:none; width:30%; min-width:0; margin:0 21px;}
	.location .submenu .home i::before {top:0;}
	.location .submenu .home i::after {top:11px;}
	.location .submenu .dropbtn {min-width:0; text-align:center;}
	.location .submenu .home {padding-top:13px;}
	.location .submenu .menu {margin-right:10px; width:36%; margin-left:0;}
	.location .submenu .dropbtn {overflow:hidden; font-size:1rem !important; width:95%; padding-right:30px; opacity:1 !important; white-space:nowrap; text-overflow:ellipsis;}
	.location .submenu .dropbtn::after {top:18px; right:-15px; background:url('/img/sub/ic_dropdown_mb.png') no-repeat;}
	.location .submenu .dropdown {display:block; min-width:143px;}
	.location .submenu .dropdown-content {top:52px; min-width:100%;}
	.location .submenu>li:last-child::before {display:none;}
	.top_tBox .InnerCont .title {font-size:24px; line-height:150%;}
	.top_tBox .InnerCont .txt {font-size:16px;}
	.flexBx .subTitle {top:97px;}
	.flexBx .flex_cont {margin-bottom:40px;}
	.flexBx .flex_cont .blet {width:100%;}
	.flexBx .flex_cont .flexsub .list>ul>li>div:nth-child(1) {width:21%;}
	.flexBx .flex_cont .flexsub .list .txt>p {font-size:15px;}
	.st_h4 {overflow:visible; height:80px; line-height:70px;}
	.st_h4 h4 {padding:40px 0 7px 20px; font-size:44px; color:#000; text-align:center;}
	.st_h4 h4 span::before {left:0; top:7px; height:80px; background-size:79%;}
	.scroll_tab .tab_inner .box_scroll {padding:0;}
	.scroll_tab li>a, 
	.scroll_tab li>button {width:152px; height:40px; line-height:40px; padding:0; font-size:.85rem;}
	.scroll_tab li.on>a, .scroll_tab li:hover>a, .scroll_tab li.on>button, .scroll_tab li:hover>button {box-shadow:0 5px 10px rgba(0,0,0,.13);}
	.floatcon>div {float:none; width:100%; padding:0; margin-bottom:25px;}
	.photoGallery .photolist>ul {display:block; width:100%;}
	.photoGallery .photolist>ul>li {display:block; width:auto; margin-bottom:50px;}
	.photoGallery .photolist>ul>li .txtBx .title {font-size:24px; overflow:hidden; white-space:normal; line-height:150%;}
	
}
@media screen and (max-width:680px) {
	.topBg {height:321px !important;}
	#container .wrap {max-width:95% !important;}
	.s_visual {padding:25px;}
	.s_visual.s_visual01 {background-position-x:right;}
	.s_visual.s_visual05 {background-position-x:left;}
	.location .submenu .dropdown-content {min-width:150px;}
	.location .submenu .dropbtn {line-height:130%;}
	#container .contents {margin:30px auto;}
	.flexBx .flex_cont .blet {font-size:33px; line-height:130%; background-position:left top;}
	.flexBx .subTitle {padding:0; top:90px;}
	.flexBx .subTitle .flex_h4 {position:relative; top:0; padding:15px 0 20px;}
	.flexBx .subTitle .flex_h4::before {top:30px; width:50px;}
	.flexBx .subTitle .flex_h4::after {top:26px;}
	.flexBx .subTitle .flex_h4 .h4_tit { font-size:30px; line-height:130%;}
	.flexBx .flex_cont .flexsub .list .list_txt {display:block;}
	.flexBx .flex_cont .flexsub .list .list_txt>div.tit, .flexBx .flex_cont .flexsub .list .list_txt>div.subtxt {width:100%;}
	.center_h4 .h4_tit {font-size:44px;}
	.center_h4 .h4_sub {font-size:16px;}
/*	.st_h4 {margin-bottom:0;}
	.st_h4 h4 {font-size:150% !important;}
	.st_h4 h4.kor_txt span::before {left:13px;}
	.st_h4 h4 span::before, .st_h4 h4.bigeng span::before {left:19px; top:27px; background-size:35%;}
	.st_h4 h4.pdeng_v span::before {left:19px !important;}
	.st_h4 h4 .firsttxt {padding-right:5px;}
	.st_h4 h4.pdeng .firsttxt {padding-right:5px !important;}
	.st_h4 h4.pdeng.bigeng {padding-left:29px !important;}*/
	.ssblet::before {top:8px; width:10px;}
	.scroll_tab li>a, 
	.scroll_tab li>button {width:132px; background-color:#f7f7f7}
	.scroll_stab li>a, 
	.scroll_stab li>button {width:105px; height:40px; line-height:40px;}
	.boardList>table thead th {font-size:1.2rem;}
	.boardList>table tbody td {padding:10px 0;}
	.boardView .bdListName a {width:120px; }
	.boardView .bdListName .bdPrev, .boardView .bdListName .bdNext {padding-top:50px; background-size:40%;}
	.boardWrite>ul>li>dl>dt {padding:10px 20px; width:100px;}
	.boardWrite>ul>li>dl>dd {padding:10px;}
	.boardWrite>ul>li>dl>dt label {font-size:17px;}
	.boardWrite input[type=text], .boardWrite input[type=password] { height: 32px; padding: 0; line-height:32px; }	
}